// @ts-nocheck
import React from 'react';
import { Bubble } from 'tea-component';
import { abbreviation } from '@src/utils/index';

export function BlockInfo(props) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      width="720"
      height="209"
      viewBox="0 0 720 209"
    >
      <defs>
        <filter id="矩形_168" x="0" y="0" width="207" height="60" filterUnits="userSpaceOnUse">
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="1.5" result="blur" />
          <feFlood floodOpacity="0.161" />
          <feComposite operator="in" in2="blur" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter id="矩形_168-2" x="513" y="0" width="207" height="60" filterUnits="userSpaceOnUse">
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="1.5" result="blur-2" />
          <feFlood floodOpacity="0.161" />
          <feComposite operator="in" in2="blur-2" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter id="矩形_168-3" x="0" y="72" width="207" height="60" filterUnits="userSpaceOnUse">
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="1.5" result="blur-3" />
          <feFlood floodOpacity="0.161" />
          <feComposite operator="in" in2="blur-3" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter id="矩形_168-4" x="513" y="72" width="207" height="60" filterUnits="userSpaceOnUse">
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="1.5" result="blur-4" />
          <feFlood floodOpacity="0.161" />
          <feComposite operator="in" in2="blur-4" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter id="矩形_168-5" x="0" y="149" width="207" height="60" filterUnits="userSpaceOnUse">
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="1.5" result="blur-5" />
          <feFlood floodOpacity="0.161" />
          <feComposite operator="in" in2="blur-5" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter id="矩形_168-6" x="513" y="149" width="207" height="60" filterUnits="userSpaceOnUse">
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="1.5" result="blur-6" />
          <feFlood floodOpacity="0.161" />
          <feComposite operator="in" in2="blur-6" />
          <feComposite in="SourceGraphic" />
        </filter>
      </defs>
      <g id="组_2299" data-name="组 2299" transform="translate(-270.5 -503.5)">
        <path
          id="路径_3059"
          data-name="路径 3059"
          d="M0,0H64.664l36.789,21.442"
          transform="translate(473.5 533.5)"
          fill="none"
          stroke="#3e9cff"
          strokeWidth="2"
        />
        <path
          id="路径_3062"
          data-name="路径 3062"
          d="M0,21.442H64.664L101.453,0"
          transform="translate(473.5 657.5)"
          fill="none"
          stroke="#3e9cff"
          strokeWidth="2"
        />
        <line
          id="直线_1"
          data-name="直线 1"
          x2="83"
          transform="translate(473.5 605.5)"
          fill="none"
          stroke="#3e9cff"
          strokeWidth="2"
        />
        <line
          id="直线_2"
          data-name="直线 2"
          x2="83"
          transform="translate(705.5 605.5)"
          fill="none"
          stroke="#3e9cff"
          strokeWidth="2"
        />
        <g id="组_2298" data-name="组 2298" transform="translate(661.501 635.502)">
          <path
            id="路径_3049"
            data-name="路径 3049"
            d="M46.122-29.939A77.06,77.06,0,0,1-30.939,47.122,77.06,77.06,0,0,1-108-29.939,77.06,77.06,0,0,1-30.939-107,77.06,77.06,0,0,1,46.122-29.939"
            fill="#d8ebff"
          />
          <path
            id="路径_3050"
            data-name="路径 3050"
            d="M308.34,113.848l18.733,10.815V80.686L308.34,69.871Zm0,0"
            transform="translate(-337.619 -143.429)"
            fill="#3e9cff"
          />
          <path
            id="路径_3051"
            data-name="路径 3051"
            d="M185.122,91.5l-18.733,10.815V80.685l18.733-10.814Zm-56.2,33.065-18.733,10.815v-21.63l18.734-10.816Zm0,0"
            transform="translate(-176.936 -143.429)"
            fill="#1a5a9e"
          />
          <path
            id="路径_3052"
            data-name="路径 3052"
            d="M228,209.688,209.266,220.5v-21.63L228,188.058Zm0,0"
            transform="translate(-257.278 -239.269)"
            fill="#1a5a9e"
          />
          <path
            id="路径_3053"
            data-name="路径 3053"
            d="M327.073,34.3,308.34,23.486l18.733-10.815,18.733,10.815Zm0,0"
            transform="translate(-337.619 -97.044)"
            fill="#9ecdff"
          />
          <path
            id="路径_3054"
            data-name="路径 3054"
            d="M11.118,266.887,29.85,277.7v-21.63L11.117,245.257Zm0,0"
            transform="translate(-96.595 -285.653)"
            fill="#3e9cff"
          />
          <path
            id="路径_3055"
            data-name="路径 3055"
            d="M29.85,209.688,11.117,198.873l18.734-10.815,18.733,10.815Zm0,0"
            transform="translate(-96.595 -239.269)"
            fill="#9ecdff"
          />
          <path
            id="路径_3056"
            data-name="路径 3056"
            d="M426.147,437.973l-18.733,10.815v-21.63l18.733-10.815Zm0,0"
            transform="translate(-417.961 -424.391)"
            fill="#1a5a9e"
          />
          <path
            id="路径_3057"
            data-name="路径 3057"
            d="M308.34,438.485,327.073,449.3v-21.63L308.34,416.855Zm0,0"
            transform="translate(-337.619 -424.806)"
            fill="#3e9cff"
          />
          <path
            id="路径_3058"
            data-name="路径 3058"
            d="M246.731,334.9l-37.465-21.631L228,302.457l37.465,21.63Zm0,0"
            transform="translate(-257.278 -332.038)"
            fill="#9ecdff"
          />
        </g>
        <g transform="matrix(1, 0, 0, 1, 270.5, 503.5)" filter="url(#矩形_168)">
          <rect
            id="矩形_168-7"
            data-name="矩形 168"
            width="198"
            height="51"
            transform="translate(4.5 4.5)"
            fill="#fff"
          />
        </g>
        <text
          id="本区块哈希"
          transform="translate(283 526)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei-Bold, Microsoft YaHei"
          fontWeight="700"
        >
          <tspan x="0" y="0">
            本区块哈希
          </tspan>
        </text>
        <text
          id="hdhc22hwdhei"
          transform="translate(283 550)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei, Microsoft YaHei"
        >
          <Bubble arrowPointAtCenter placement="top" content={props.BlockHash}>
            <tspan x="0" y="0">
              {abbreviation(props.BlockHash)}
            </tspan>
          </Bubble>
        </text>
        <g transform="matrix(1, 0, 0, 1, 270.5, 503.5)" filter="url(#矩形_168-2)">
          <rect
            id="矩形_168-8"
            data-name="矩形 168"
            width="198"
            height="51"
            transform="translate(517.5 4.5)"
            fill="#fff"
          />
        </g>
        <text
          id="上一区块哈希"
          transform="translate(796 526)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei-Bold, Microsoft YaHei"
          fontWeight="700"
        >
          <tspan x="0" y="0">
            上一区块哈希
          </tspan>
        </text>
        <text
          id="hdhc22hwdhei-2"
          data-name="hdhc22hwdhei"
          transform="translate(796 550)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei, Microsoft YaHei"
        >
          <Bubble arrowPointAtCenter placement="top" content={props.PreBlockHash}>
            <tspan x="0" y="0">
              {abbreviation(props.PreBlockHash)}
            </tspan>
          </Bubble>
        </text>
        <g transform="matrix(1, 0, 0, 1, 270.5, 503.5)" filter="url(#矩形_168-3)">
          <rect
            id="矩形_168-9"
            data-name="矩形 168"
            width="198"
            height="51"
            transform="translate(4.5 76.5)"
            fill="#fff"
          />
        </g>
        <text
          id="创建时间"
          transform="translate(283 598)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei-Bold, Microsoft YaHei"
          fontWeight="700"
        >
          <tspan x="0" y="0">
            创建时间
          </tspan>
        </text>
        <text
          id="_2020-01-11_12:22:23"
          data-name="2020-01-11 12:22:23"
          transform="translate(283 622)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei, Microsoft YaHei"
        >
          <tspan x="0" y="0">
            {props.time}
          </tspan>
        </text>
        <g transform="matrix(1, 0, 0, 1, 270.5, 503.5)" filter="url(#矩形_168-4)">
          <rect
            id="矩形_168-10"
            data-name="矩形 168"
            width="198"
            height="51"
            transform="translate(517.5 76.5)"
            fill="#fff"
          />
        </g>
        <text
          id="区块高度"
          transform="translate(796 598)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei-Bold, Microsoft YaHei"
          fontWeight="700"
        >
          <tspan x="0" y="0">
            区块高度
          </tspan>
        </text>
        <text
          id="_12"
          data-name="12"
          transform="translate(796 622)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei, Microsoft YaHei"
        >
          <tspan x="0" y="0">
            {props.BlockHeight}
          </tspan>
        </text>
        <g transform="matrix(1, 0, 0, 1, 270.5, 503.5)" filter="url(#矩形_168-5)">
          <rect
            id="矩形_168-11"
            data-name="矩形 168"
            width="198"
            height="51"
            transform="translate(4.5 153.5)"
            fill="#fff"
          />
        </g>
        <text
          id="区块交易笔数"
          transform="translate(283 675)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei-Bold, Microsoft YaHei"
          fontWeight="700"
        >
          <tspan x="0" y="0">
            区块交易笔数
          </tspan>
        </text>
        <text
          id="_123"
          data-name="123"
          transform="translate(283 699)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei, Microsoft YaHei"
        >
          <tspan x="0" y="0">
            {props.TxCount}
          </tspan>
        </text>
        <g transform="matrix(1, 0, 0, 1, 270.5, 503.5)" filter="url(#矩形_168-6)">
          <rect
            id="矩形_168-12"
            data-name="矩形 168"
            width="198"
            height="51"
            transform="translate(517.5 153.5)"
            fill="#fff"
          />
        </g>
        <text
          id="提案节点"
          transform="translate(796 675)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei-Bold, Microsoft YaHei"
          fontWeight="700"
        >
          <tspan x="0" y="0">
            提案节点
          </tspan>
        </text>
        <text
          id="consensus3-69kjidhhsivybud"
          transform="translate(796 699)"
          fill="#444"
          fontSize="12"
          fontFamily="MicrosoftYaHei, Microsoft YaHei"
        >
          <tspan x="0" y="0">
            {props.ProposalNodeId}
          </tspan>
        </text>
        <path
          id="路径_3060"
          data-name="路径 3060"
          d="M101.453,0H36.789L0,21.442"
          transform="translate(686.5 533.5)"
          fill="none"
          stroke="#3e9cff"
          strokeWidth="2"
        />
        <path
          id="路径_3061"
          data-name="路径 3061"
          d="M101.453,21.442H36.789L0,0"
          transform="translate(686.5 657.5)"
          fill="none"
          stroke="#3e9cff"
          strokeWidth="2"
        />
      </g>
    </svg>
  );
}
